<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			&nbsp;font-family 可以把多个字体名称作为一个"回退"系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。font-family 可以把多个字体名称作为一个"回退"系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。font-family 可以把多个字体名称作为一个"回退"系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。
		</div>
		<div>
			今天天气x<span>真不错</span>
		</div>
		<div class="imgbox">
			<img src="img/prapic3.jpg" >
		</div>
	</body>
</html>
<style type="text/css">
	div{
		width: 500px;
		border: 1px solid;
		font-size: 40px;
		/* text-align文本对齐 left左对齐 right右对齐 center居中对齐 justify两端对齐*/
		text-align: justify;
	}
	span{
		font-size: 20px;
		border: 1px solid;
		/* vertical-align设置元素垂直对齐 baseline 默认值，基线对齐 top顶部对齐 bottom底部对齐 middle居中对齐 数值*/
		vertical-align: middle;
	}
	img{
		/* 消除图片下方空隙 */
		vertical-align: top;
	}
</style>